<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<input v-model="parentMsg">
			<button @click="test">点我</button>
			<child></child>
		</div>
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<script>
			Vue.component('child',{
				template:'<span>{{parentMsg}}</span>',
				props:{
					propA:Number
/*					propB:{
						type:String,
						required:true
					},
					propC:[String,Number],
					propD:{
						type:Number,
						default:100
					}*/
/*					propE:{
						type:Number,
						default:function(){
							return {
								msg:'hello'
							}
						}
				},
					propF:{
						verify:function(value){
							return value>10
						}
					}*/
				}
			})
			var app=new Vue({
				el:'#app',
				data:{
					parentMsg:'123'
				},
				methods:{
					test:function(){
						this.$children
					}
				}
			})
		</script>
	</body>
</html>
